@import "@/styles/variables.scss";
.container_page /deep/ {
  .collapsePane {
    .title {
      color: #333;
      font-weight: bold;
      font-size: 28rpx;
      padding: 24rpx 0;
      margin: 0 24rpx;
      border-bottom: 1rpx solid #ddd;
      display: flex;
      justify-content: space-between;
    }

    .pane {
      height: inherit;
      background: #eff1f7;
      transition: max-height 0.2s linear;
      overflow: auto;

      .card_form {
        padding: 0 24rpx;

        .partTitle {
          padding: 24rpx 0;
          text-align: center;
          color: $OVERALL_SITUATION_BACKGROUND;
          font-weight: bold;
          border-bottom: 2px dashed $OVERALL_SITUATION_BACKGROUND;
          font-size: 30rpx;
        }

        .formItem,
        .formItem_doubleRow {
          min-height: 110rpx;
          display: flex;
          background-color: #fff;
          margin: 24rpx auto;
          border-radius: 20rpx;
          padding: 0 24rpx;
          .label {
            color: #333;
            font-size: 28rpx;
            font-weight: 400;
            line-height: 36rpx;
            width: 40%;
          }
          .content {
            flex: 1;
            text-align: right;
            font-size: 28rpx;
          }
        }

        .formItem {
          justify-content: space-between;
          align-items: center;
        }

        .formItem_doubleRow {
          flex-direction: column;
          justify-content: flex-start;
          padding: 24rpx;
          .label {
            width: 100%;
          }
          .content {
            text-align: left;
          }
          .contents {
            text-align: left;
            font-size: 28rpx;
            height: 200rpx;
            margin-top: 10rpx;
          }
        }

        // .formItem,
        // .formItem_doubleRow {
        //   padding: 24rpx 0;
        //   border-bottom: 2rpx solid #ddd;
        // }

        // .formItem {
        //   display: flex;
        //   align-items: center;

        //   .label {
        //     color: #333;
        //     font-size: 28rpx;
        //     font-weight: 400;
        //     line-height: 36rpx;
        //     width: 40%;
        //   }

        //   .content {
        //     flex: 1;
        //     text-align: right;
        //   }
        // }

        // .formItem_doubleRow {
        //   * {
        //     line-height: 36rpx;
        //     width: 100%;
        //   }

        //   .label {
        //     color: #333;
        //     font-size: 28rpx;
        //     font-weight: 400;
        //     margin-bottom: 20rpx;
        //   }

        //   input {
        //     text-indent: 1pc;
        //   }

        //   content {
        //     width: 100%;
        //   }
        // }
      }
    }

    .fold {
      padding: 0 !important;
      max-height: 0;
    }

    // 微信小程序在传入css变量时并没有转换,因此做不到动态使单个标题刚好滚动到顶部,所以这里固定写 多少个标题 * 单个行高,使其标题最起码不会被滚动到顶部之上
    .unfold {
      position: sticky;
      //   max-height: calc(100vh - 132rpx);
    }
  }
}
